<template>
  <div class="vue-root">
    <div class="aui-flex-col aui-flex-center aui-border-tb">
            <div class="aui-flex-item-4 aui-flex-row aui-flex-middle aui-padded-10">
                <h3 class="aui-text-danger">淘抢购</h3>
                <p>可爱的你会喜欢</p>
                <img src="/static/img/f1.jpg">
            </div>
            <div class="aui-flex-item-8 aui-border-l">
                <div class="aui-flex-col aui-padded-10 aui-border-b">
                    <div class="aui-flex-item-12">
                        <div class="aui-flex-item-9">
                            <h3 class="aui-text-info">有好货</h3>
                            <p>好品味从挑剔开始</p>
                        </div>
                        <div class="aui-flex-item-3 aui-text-right"><img src="/static/img/f2.jpg"></div>
                    </div>
                </div>
                <div class="aui-flex-col">
                    <div class="aui-flex-item-6 aui-padded-10" style="position: relative;">
                        <h5 class="aui-text-warning">爱逛街</h5>
                        <p>疯狂赛车来袭</p>
                        <img src="/static/img/f3.jpg">
                    </div>
                    <div class="aui-flex-item-6 aui-padded-10 aui-border-l">
                        <h5 class="aui-text-success">必买清单</h5>
                        <p>都帮你整理好啦</p>
                        <img src="/static/img/f5.jpg">
                    </div>
                </div>
            </div>
        </div>
  </div>
</template>
<script>
import Config from 'components/config';
export default {
  name: 'ad',
  props: {
    ad: {
      type: Object
    }
  },
  data () {
    return {
      baseUrl:'',
    }
  },
  methods:{
    cant:function(){
      alert("ok");
    }
  }
}
</script>
<style type="text/css">
  .diver-header{
    padding: 0.2rem 0.3rem 0.2rem 0.5rem;
  }
</style>